require("../css/database.less")
require("../fonts/iconfont.css")



document.ready(function () {

    let returnBtn=document.querySelector("#return");
    returnBtn.addEventListener("click",function(){
        location.href='./index.html'
    })

    let userId = JSON.parse(window.localStorage.getItem("user")).userId
    window.$http.get(`/sport/data/${userId}`, function (res) {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        let option = {
            title: {
                text: '运动柱状'
            },
            tooltip: {},
            legend: {
                data: []
            },
            xAxis: {
                data: []
            },
            yAxis: {},
            series: [{
                name: '',
                type: 'bar',
                data: []
            }]
        };

        // console.log(res);
        res.data.days.forEach(item => {
            // console.log(item)
            console.log(item.date);
            option.xAxis.data.push(item.date)
            option.series[0].data.push(item.dayTimes)
        })
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('pie'));
        let option2 = {
            title: {
                text: '总路程',
                subtext: '累计',
                left: 'center'
            },
            tooltip: {
                trigger: 'item'
            },
            legend: {
                orient: 'vertical',
                left: 'left',
            },
            series: [
                {
                    name: '访问来源',
                    type: 'pie',
                    radius: '50%',
                    data: [
                        // { value: 1048, name: '搜索引擎' },
                        // { value: 735, name: '直接访问' },
                        // { value: 580, name: '邮件营销' },
                        // { value: 484, name: '联盟广告' },
                        // { value: 300, name: '视频广告' }
                    ],
                    label: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                }
            ]
        }
        // 使用刚指定的配置项和数据显示图表。
        //获取所有课程数据
        console.log(res);
        let dataObj = {
            "骑行": 0,
            "跑步": 0,
            "训练": 0
        }
        res.data.days.forEach((item, index) => {
            //    console.log(item);
            // console.log("itm",item);
            // let curItem = item.exerciseData[index];
            // console.log(curItem);
            item.exerciseData.forEach(val => {
                console.log(val);
                dataObj[val.type] += val.time - 0

            })
        });
        console.log(dataObj);
        for (let k in dataObj) {
            option2.series[0].data.push({
                name: k,
                value: dataObj[k]
            })
        }
        myChart.setOption(option2);

    })
})


